<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>

	<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="stylesheet" type="text/css" href="css/demo.css">
	<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="js/Validform_v5.3.2_min.js"></script>
	<style type="text/css">
		
	</style>
</head>
<body>
	<form class="registerform" >
            <table width="100%" style="table-layout:fixed;">
                <tr>
                    <td class="need" style="width:10px;">*</td>
                    <td style="width:70px;">昵称：</td>
                    <td>
                    	<input type="text" value="" name="name" class="inputxt" datatype="s6-18" errormsg=""  nullmsg="请输入用户名"  sucmsg="成功"/>
                       <div class="Validform_checktip">请输入6-18位</div>
                    </td>
                </tr>
                <tr>
                    <td class="need">*</td>
                    <td>密码：</td>
                    <td>
                    	<input type="password" value="" name="userpassword" class="inputxt" datatype="*6-16" nullmsg="请设置密码！" errormsg="密码范围在6~16位之间！" />
                    	<div class="Validform_checktip">密码范围在6~16位</div>
                    </td>
                </tr>
                <tr>
                    <td class="need">*</td>
                    <td>确认密码：</td>
                    <td>
                    	<input type="password" value="" name="userpassword2" class="inputxt" datatype="*" recheck="userpassword" nullmsg="请再输入一次密码！" errormsg="您两次输入的账号密码不一致！" />
                    	<div class="Validform_checktip">两次输入密码需一致</div>
                    </td>
                </tr>
                <tr>
                    <td class="need"></td>
                    <td></td>
                    <td style="padding:10px 0 18px 0;">
                        <input type="submit" value="提 交" /> <input type="reset" value="重 置" /> <span id="msgdemo" style="margin-left:30px;"></span>
                    </td>
                </tr>
            </table>
        </form>

	<script type="text/javascript">
	$(function(){
	//$(".registerform").Validform();  //就这一行代码！;
		
	 var demo=$(".registerform").Validform({
		tiptype:3,
		label:".label",
		
		showAllError:true,
		datatype:{
			"zh1-6":/^[\u4E00-\u9FA5\uf900-\ufa2d]{1,6}$/
		},
		ajaxPost:true
	});

})


	</script>
</body>
</html>